@charset "utf-8";
*{margin: 0px;}
body{background:url(images/bg.gif); color:#000000; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
img{border:0px;}
a{color:#000000;text-decoration: none;}
a:hover{color:#ed1c24;}
@font-face {
  font-family: "MyFont";
  src: url(UVNBayBuom_N.TTF), url(UVNBayBuom_N.eot);
}
#bgmenu{background:url(images/bg-menu.gif) repeat-x; width:100%; height:80px; margin-top:60px; position:absolute; left:0; top:0; z-index:100;}
#wrapper {width:1000px; margin-right:auto; margin-left:auto; position:relative; z-index:200}
#wrapper #header {width:100%; height:43px; padding-top:5px}
#wrapper #header #txtSearch {width:200px; height:37px; float:right;}
#wrapper #header #btnSearch {width:42px; height:42px; float:right;}
#wrapper #header #txtSearch input {width:180px; color:#DFC988; padding:5px 10px; margin-top:9px}
#wrapper #menu {width:100%; height:92px; overflow:hidden}
#wrapper #menu #bglogo {background:url(images/bg-logo.png) no-repeat; width:274px; height:164px; float:left; position:absolute; z-index:200;}
#wrapper #menu #bglogo img {margin:22px 0px 0px 28px;}
#wrapper #menu #boxmenu {width:730px; float:right; text-align:right; padding-top:13px;}
#wrapper #slide {width:100%; height:350px; clear:both; }
#wrapper #left {width:711px; float:left;}
#wrapper #left .boxleft {background:url(images/bg-1.jpg) no-repeat top #fff; width:695px; padding:8px; margin-bottom:10px;}
#wrapper #left .boxleft .titleleft {background:url(images/title-left.png); width:21px; height:56px; float:left; margin:0px 0px 30px 30px;}
#wrapper #left .boxleft .titlecenter {background:url(images/title-center.png) repeat-x; height:56px; float:left; line-height:56px; padding:0px 8px}
#wrapper #left .boxleft .titlecenter a {color:#fff; font-family:"MyFont"; font-size:22px;  text-shadow:#333 2px 2px 4px;}
#wrapper #left .boxleft .titlecenter a:hover {color:#000;}
#wrapper #left .boxleft .titleright {background:url(images/title-right.png); width:21px; height:56px; float:left}
#wrapper #left .boxleft .titleicon {float:right; margin-right:30px; margin-bottom:10px;}
#wrapper #left .boxleft .item {width:340px; height:152px; float:left; margin-bottom:20px; overflow:hidden}
#wrapper #left .boxleft .item h2{color:#680006; font-size:15px; line-height:20px; margin-bottom:5px; display:block;}
#wrapper #left .boxleft .item h5{font-weight:100; font-size:13px; color:#666; line-height:22px; height:110px; overflow:hidden; text-align:justify}
#wrapper #left .boxleft .item a:hover h2{color:#F00}
#wrapper #left .boxleft .item img {width:140px; float:left; margin:5px 8px 0 0; padding:1px; border:solid 1px #FDE3AA}

#wrapper #right {width:280px; float:right;}
#wrapper #right .boxright {background-color:#FFFFFF; width:264px; clear:both; margin-bottom:8px; padding:8px;}
#wrapper #right .boxright .title {background:url(images/line-right.jpg) repeat-x bottom; color:#da251d; font-family:"MyFont"; font-size:18px; width:100%; height:45px; line-height:45px; clear:both; margin-bottom:10px;}
#wrapper #right .boxright .boxevent {width:100%; clear:both; margin-bottom:12px;}
#wrapper #right .boxright .boxevent img {width:69px; height:49px; float:left; margin-right:5px; border:solid 1px #f5dcad;}
#wrapper #right .boxright .boxevent a{line-height:20px; font-weight:bold}

#wrapper #right .thongtin {width:220px; height:37px; overflow:hidden; line-height:37px; clear:both; padding-left:25px; margin-bottom:10px; background:url(images/bg-thong-tin.jpg)}
#wrapper #right .thongtin a {display:block; font-size:14px; color:#902d17;}
#wrapper #right .thongtin a:hover {color:#ff0000}

#footer{background:url(images/bg-foo.gif) repeat-x #F7B456; width:100%; height:180px}
#footer .content {background:url(images/bg-menu-foo.png) no-repeat bottom left; width:1000px; height:156px; margin:0 auto;}
#footer .content #menufoo {width:630px; float:left; text-align:center; padding-top:60px;}
#footer .content #hotline {width:290px; float:left; color:#FFFFFF; text-align:center; padding-top:60px}
#footer .content #hotline span {color:#ffde16; font-family:'MyFont'; font-size:20px; font-weight:bold}
#footer .content #toppage {width:80px; float:left; padding-top:65px}

#register {width:23px; height:120px; position:fixed; z-index:190; top:48%; left:0;}

#view_post{clear:both; padding:10px 0; list-style:none}
#view_post h1{font-size:20px; padding:0; margin:0; line-height:25px; color:#820000}
#view_post h2{font-size:14px; padding:0; margin:0; line-height:22px; font-weight:bold; margin-bottom:5px}
#view_post h3,#view_post h4{font-size:13px}
#view_post #datetime{clear:both; color:#999; line-height:14px; margin-left:20px; padding:10px 0 10px 20px; background:url(images/datetime.jpg) no-repeat left}
#view_post p, #view_post div{line-height:22px; margin:10px 0}
#view_post li{margin-left:25px; padding:0; line-height:22px}

#baivietkhac{clear:both; list-style:none; margin:30px 0}
#baivietkhac li{clear:both; line-height:30px; height:30px; overflow:hidden; margin-left:30px; padding-left:15px; background:url(images/li.jpg) left no-repeat}
#baivietkhac li a{color:#666; font-weight:bold}

#video {width:500px; height:400px; margin-left:90px;}
#comment {background:url(images/comment.gif) no-repeat; height:33px; line-height:33px; font-size:16px; padding-left:45px; margin-bottom:20px;}
#comment a {color:#7E0209; display:block; padding-top:-10px}
#frmComment {margin-left:80px}
.style2 {width:300px;}
.style3 {width:300px; height:150px;}

.itemphoto {background:url(images/bg-item-photo.jpg) no-repeat bottom; width:212px; float:left; height:30px; text-align:center; margin:0px 18px 18px 0px}

#phantrang {clear:both; margin:20px 0; text-align:right}
#phantrang a{padding:3px 8px; background:#FFF; border:solid 1px #999999; color:#666; margin:0 2px}
#phantrang a:hover{background:#820000; color:#FFF}

#contact{line-height:22px; margin:20px 0}
#contact h1{font-size:20px; font-weight:bold; line-height:30px; color:#C00}
#contact h2{font-size:14px; line-height:22px}
.txt{color:#666; width:300px; padding:5px; margin-bottom:5px; background-color:#E0F0FE; border:none}
.textarea{color:#666; width:300px; height:80px; overflow:auto; line-height:20px; padding:5px; margin-bottom:5px; background-color:#E0F0FE; border:none}
.btn{color:#FFF; font-weight:bold; width:310px; padding:10px 0; background-color:#0197F1; border:none; cursor:pointer}

/*Photos*/
#photos * {margin: 0px; padding: 0px}
#photos ul {margin-left:12px;}
#photos ul li {display: inline; }
#photos .wide {border-bottom: 1px #000 solid; width:4000px;}
#photos .img {width:200px; height:150px; float:left; border:1px solid #999999; margin: 10px;}

/*menu*/
#nav, #nav ul {list-style:none; position:relative; line-height:80px; z-index:1000; margin:0; padding:0}
#nav a:link, #nav a:active, #nav a:visited {display:block; background-color:none; text-decoration:none; color:#E8D8B7; font-family:"Times New Roman", Times, serif}
#nav li a {font-weight:bold; padding:0 12px; text-transform:uppercase; text-shadow:black 0.1em 0.1em 0.2em; font-weight:bold; font-size:15px}
#nav a:hover {background:url(images/bg-menu-ac.gif) repeat-x}
#nav li {float:left; position:relative}
#nav ul {position:absolute; width:200px; top:80px; display:none}
#nav li ul a {width:180px; line-height:28px; float:left; font-weight:normal; padding:0 10px; background-color:#414143; border-bottom:solid 1px #7A7A7E}
#nav li ul a:hover {background-color:#E2F09B}
#nav ul ul {top:auto}
#nav li ul ul {left:241px}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {display:none}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {display:block}
